<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页面</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category.css">
    <script src="./js/common.js"></script>
    <script src="./js/category.js"></script>
    <style>
    /*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width:5px;
    height:10px;
}
/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track
{
    
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
    border-radius:10px;
    background-color:white;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    /* border-radius:10px; */
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
    background-color:skyblue;
}

    
    
    
    </style>
</head>
<body>
    <div class="category">
            <!-- 头部 -->
        <div class="header">
            <a href="javascript:;"  class="h_back"></a>
            <form action="" class="search">
                <input type="text" placeholder="请输入查找内容">
            </form>
            <a href="javascript:;" class="h_menu"></a>
        </div>
        <!-- 内容 -->
        <div class="content">
            <div class="c_left">
                <ul class="l_navs">
                        <li class=""><a href="javascript:;">热门推荐</a></li>
                        <li class="active"><a href="javascript:;">潮流女装</a></li>
                        <li class=""><a href="javascript:;">品牌男装</a></li>
                        <li class=""><a href="javascript:;">内衣配饰</a></li>
                        <li class=""><a href="javascript:;">家用电器</a></li>
                        <li class=""><a href="javascript:;">电脑办公</a></li>
                        <li class=""><a href="javascript:;">手机数码</a></li>
                        <li class=""><a href="javascript:;">母婴频道</a></li>
                        <li class=""><a href="javascript:;">图书</a></li>
                        <li class=""><a href="javascript:;">家居家纺</a></li>
                        <li class=""><a href="javascript:;">居家生活</a></li>
                        <li class=""><a href="javascript:;">家具建材</a></li>
                        <li class=""><a href="javascript:;">热门推荐</a></li>
                        <li class=""><a href="javascript:;">潮流女装</a></li>
                        <li class=""><a href="javascript:;">品牌男装</a></li>
                        <li class=""><a href="javascript:;">内衣配饰</a></li>
                        <li class=""><a href="javascript:;">家用电器</a></li>
                        <li class=""><a href="javascript:;">电脑办公</a></li>
                        <li class=""><a href="javascript:;">手机数码</a></li>
                        <li class=""><a href="javascript:;">母婴频道</a></li>
                        <li class=""><a href="javascript:;">图书</a></li>
                        <li class=""><a href="javascript:;">家居家纺</a></li>
                        <li class=""><a href="javascript:;">居家生活</a></li>
                        <li class=""><a href="javascript:;">家具建材</a></li>
                </ul>
            </div>
            <div class="c_right">
                <a href="javascript:;" class="hot_img">
                    <img src="./uploads/banner_1.jpg" alt="">
                </a>
                <a href="javascript:;" class="hot-a">
                        <h3>热门分类</h3>
                </a>
                <div class="hot_category">
                    <ul class="clearfix">
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                        <li><a href="javascript:;"><img src="./uploads/nv-fy.jpg" alt=""><p>风衣</p></a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

</body>
</html>